<div class="p-3 flex gap-2">
    <a wire:navigate href="{{ route('search.index') }}" class="p-2 pl-4 rounded-full flex flex-1 gap-2 text-sm bg-neutral-100 text-stone-300 items-center">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
            <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/>
        </svg>

        请输入关键字
    </a>

    @if($cid)
        <a wire:navigate href="{{ route('videos.index', compact('cid')) }}" class="px-2 flex items-center text-stone-500 border rounded-full text-sm">
            筛选

            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-3 h-3">
                <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd"/>
            </svg>
        </a>
    @endif
</div>

<div class="p-2 bg-neutral-100 flex items-center text-sm cursor-pointer">
    <span class="text-red-500 truncate font-bold">近期严格审查线路，点击保存二维码随时找回我们</span>

    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 flex-none ml-auto">
        <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
    </svg>
</div>
